import { Row, Col, Divider } from 'antd';
import SYSDEV from '@/utils/dev';
import Avatar from './AvatarDropdown';
import styles from './index.less';

import SwitchTheme from '../switch-theme';
import SwitchLanguages from '@/components/switch-languages';

const titleImg = require('../../pages/login/images/fssc-blue.png');

const GlobalHeaderRight = () => {
  return (
    <div className={styles.right}>
      <div className="title">
        <img src={'/sym/config/getPicture?type=INDEX_TITLE'} style={{ verticalAlign: 'middle', width: '138px', height: 'auto' }} />
      </div>
      <Row justify="end" className="header-right">
        <div style={{ color: 'red' }}>{SYSDEV()}</div>
        <Col>
          <SwitchTheme />
        </Col>
        <Col>
          <Divider type="vertical" style={{ margin: 0 }} />
        </Col>
        <Col>
          <Avatar />
        </Col>
        <Col>
          <Divider type="vertical" style={{ margin: 0 }} />
        </Col>
        <Col style={{ width: 50, textAlign: 'center' }}>
          <SwitchLanguages className={styles.action} />
        </Col>
      </Row>
    </div>
  );
};

export default GlobalHeaderRight;
